<template>
    <div class="cc-page-wrap cc-none">
        <svg-icon :name="404" />
        <el-button class="none-btn" @click="toHome" size="mini" type="primary" icon="el-icon-s-promotion">返回首页</el-button>
    </div>
</template>

<script lang="ts">
    import {
        defineComponent
    } from 'vue'
    import {
        useRouter
    } from 'vue-router'
    export default defineComponent({
        name: '404',
        setup() {
            const router = useRouter()
            const toHome = () => {
                router.push({
                    name: "PageHome"
                })
            }
            return {
                toHome
            }
        }
    })
</script>

<style lang="scss" scoped>
    .cc-none {
        height: 100vh;
        overflow: hidden;
        font-size: 180px;
        color: #00BCD4;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        .none-btn{
            margin-top: 20px;
        }
    }
</style>